<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../找房无忧.css/登录.css">
    <script src="../找房无忧.js/公共等比缩放.js"></script>
</head>

<body>
    <div>
        <header>
            <div class="logos"> 
                <img src="../img/logo.jpg" class="logo">
            </div>
           <div class="mys">
               <a href="#" class="my1"><img src="../image/index/my.jpg" class="my"></a>
               <a href="#" class="xiazai1"><img src="../image/index/xiazai.jpg" class="xiazai"></a>
             </div>      
        </header>
        <div class="main">
           <ul>
               <li class="li1"> <a href="./first.html" class="sy">首页</a> > <a href="./logining.html" class="myy">我的</a> > 登录 </li>
               <li class="li2">
                   <div class="li2-1">普通登录</div>
                   <div class="li2-2">验证码快捷登录</div>
               </li>
               <li> <input type="tel" placeholder="请输入手机号码" class="tel"> <button class="tel-ma">发送验证码</button> </li>
               <li> <input type="password" placeholder="请输入密码"  class="password"> </li>
           </ul>
           <a href="#"><button class="pull"> 立刻登录 </button></a>
           <a href="#" class="ljzc">立即注册</a>
           <a href="#" class="wjma">忘记密码</a>
        </div>
       
    </div>
</body>
<script>
    var li2_ = document.getElementsByClassName('li2-2')[0];
    var li1_ = document.getElementsByClassName('li2-1')[0];
    var button_ = document.getElementsByClassName('tel-ma')[0];
    var button2_ = document.getElementsByClassName('pull')[0];
    var tel_ = document.getElementsByClassName('tel')[0];
    var password_ = document.getElementsByClassName('password')[0];
    li2_.ontouchstart = function(e){
        e = e || window.event;
        button_.style.display = 'inline-block';
        li1_.style.borderBottom = '0.04rem solid #D1D1D1';
        this.style.borderBottom = '0.04rem solid #FF8A00';
        tel_.style.width ='70%';
        button2_.innerHTML = '验证并登陆';
        password_.setAttribute('placeholder','请输入短信中的验证码');
    }
    li1_.ontouchstart = function(e){
        e = e || window.event;
        button_.style.display = 'none';
        li1_.style.borderBottom = '0.04rem solid #FF8A00';
        li2_.style.borderBottom = '0.04rem solid #D1D1D1';
        tel_.style.width ='100%';
        button2_.innerHTML = '立即登陆';
        password_.setAttribute('placeholder','请输入密码');
    }
</script>
</html>